<template>
  <div class="col-md-9 tab-content">
    <div class="out-tab-body">
      <ul class="tab-body ">
        <!--消息设置-->
        <li :is="message"></li>
        <!--待办设置-->
        <li :is="todo"></li>
        <!--常用菜单设置-->
        <li :is="customMenuSetting"></li>
        <!--快捷键设置-->
        <li :is="hotKeySetting"></li>
      </ul>
    </div>
  </div>
</template>

<script>
  import message from './SystemContent/message'
  import todo from './SystemContent/todo'
  import customMenuSetting from './SystemContent/customMenuSetting'
  import hotKeySetting from './SystemContent/hotKeySetting'
    export default {
      name: "system-content",
      data(){
        return {
          message:message,
          todo:todo,
          customMenuSetting:customMenuSetting,
          hotKeySetting:hotKeySetting
        }
      }
    }
</script>

<style scoped>

</style>
